<%@ page pageEncoding="UTF-8" %>
<style>
    header {
        margin: 10px 0;
    }
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    .main {
        display: flex;
        list-style: none;
        background-color: #333;
    }
    a {
        display: block;
        padding: 20px 18px;
        text-decoration: none;
        color: white;
        transition: 1s;
    }
    a:hover {
        background-color: #111;
    }
    .right {
        margin-left: auto;
    }
</style>
<header>
    <div>
        <ul class="main">
            <li><a href="">Home</a></li>
            <li><a href="">News</a></li>
            <li><a href="">Contact</a></li>
            <li><a href="">About</a></li>
            <li class="right"><a href="">Logout</a></li>
        </ul>
    </div>
</header>
